
<template>
    <div class="state-container">
        <div class="submit-status van-hairline--top" v-if="isOther">
            <div class="status-box">
                <!-- 审核状态 -->
                <div class="status-content" v-if="datainfo.audit_status==0">
                    <van-row type="flex" justify="space-between" align="center">
                        <van-col>
                            <p class="status-text">数据已提交，待审核</p>
                        </van-col>
                        <van-col>
                            <p class="status-time">已提交：{{datainfo.create_time}}</p>
                        </van-col>
                    </van-row>
                </div>
                <!-- 审核通过状态 -->
                <!-- <div class="status-content" v-if="datainfo.audit_status==1">
                    <van-row type="flex" justify="space-between" align="center">
                        <van-col>
                            <p class="status-text" style="color:#01A0EF">审核通过已上线</p>
                        </van-col>
                        <van-col>
                            <p class="status-submit" @click="clickSure">确定</p>
                        </van-col>
                    </van-row>
                </div> -->
                <!-- 未通过审核 -->
                <div class="status-content" v-if="datainfo.audit_status==2">
                    <van-row type="flex" justify="space-between" align="center">
                        <van-col>
                            <p class="status-text" style="color:#F56C6C">审核未通过</p>
                            <p class="status-time">未通过原因未通过原因未通过原因未通过原因未通过原因未通过原因未通过原因</p>
                        </van-col>
                        <van-col>
                            <p class="status-submit" @click="isNo=!isNo">确定</p>
                        </van-col>
                    </van-row>
                </div>
            </div>
        </div>
        <div v-if="isNo" class="no-man">
            <div class="comment-title van-hairline--bottom">
                <van-row type="flex" justify="space-between" align="center">
                    <van-col>
                        <p>未通过原因</p>
                    </van-col>
                </van-row>
            </div>
            <div class="comment-region">
                <div class="region-box">
                    <van-row type="flex">
                        <van-col :span="4">
                            <div class="img-box">
                                <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1958966202,1289193182&fm=27&gp=0.jpg" width="100%" height="100%" alt="">
                            </div>
                        </van-col>
                        <van-col :span="20">
                            <van-row type="flex" justify="space-between" align="center">
                                <van-col>
                                    <p class="comment-user">李明宣</p>
                                </van-col>
                            </van-row>
                            <p class="date-num">
                                <!-- <span class="comment-date">1楼</span> -->
                                <span class="comment-date">15分钟前</span>
                            </p>
                            <p class="comment-content">即使在最平凡的新闻院校中，教学内容也远不止于传统的新闻写作和新闻播音。</p>
                        </van-col>
                    </van-row>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import { clacTime } from "@/utils";

export default {
  props: ["datainfo"],
  data() {
    return {
      isOther: false,
      isNo: false
    };
  },
  methods: {
  
  },
  created() {},
  mounted() {
  }
};
</script>

<style lang="scss" scoped>
@import "auditStatus";
</style>
